<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <script src="../assets/flexible/flexible.debug.js"></script>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>识物</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/sw.min.css">
</head>

<body>
    <footer class="fl-footer">
        <a href="../index.html">
            <dl>
                <dt class="iconfont">&#xe605;</dt>
                <dd>首页</dd>
            </dl>
        </a>
        <a href="javascript:" class="fl-xz">
            <dl>
                <dt class="iconfont">&#xe606;</dt>
                <dd>实物</dd>
            </dl>
        </a>
        <a href="fl.html">
            <dl>
                <dt class="iconfont">&#xe68d;</dt>
                <dd>分类</dd>
            </dl>
        </a>
        <a href="gwc.html">
            <dl>
                <dt class="iconfont">&#xe60c;</dt>
                <dd>购物车</dd>
            </dl>
        </a>
        <a href="gr.html">
            <dl>
                <dt class="iconfont">&#xe61a;</dt>
                <dd>个人</dd>
            </dl>
        </a>
    </footer>
    <header class="header">
        识物
    </header>
    <div class="top">

        <div class="banner">

            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                    <div class="swiper-slide" style="background-image:url(https://yanxuan.nosdn.127.net/e24d6fbd9af05c9fd336547c9965e2ab.jpg?imageView&quality=75)"></div>
                </div>
            </div>
        </div>

        <div class="subnav">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                    <div class="swiper-slide">
                        <dl>
                            <dt><img src="https://yanxuan.nosdn.127.net/254e04f823354c67d765d68c4012b64e.png?imageView&quality=75"
                                    alt=""></dt>
                            <dd>严选推荐</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <main class="main">
        <h1>为你推荐</h1>
        <div class="more">
            <script type="text/html" id="temp">
                {{each list v}}
                    <div class="content">
                        <dl>
                        {{each v.images x i}}
                            {{if v.images.length == 1}}
                                <dt><img src="{{x}}"></dt>
                            {{/if}}
                            {{if v.images.length == 3}}

                                <dt>
                                <img src="{{v.images[0]}}">
                           
                                   
                                </dt>
                                    
                            {{/if}}
                        {{/each}}
                            
                            <dd>{{ v.dd }}</dd>
                      </dl>
                    </div>
                {{/each}}
            </script>

        </div>
    </main>



    <script src="../assets/artTemplate/template-web.js"></script>
    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
    <script src="../assets/font/iconfont.js"></script>
    <script src="../js/sw.js"></script>
</body>

</html>